<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>{{ projectName }}{{ areaName }}</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>
<ion-content class="instrument">
    <ion-list (click)="stack.stackId <= 0? checkStack() : toProcess(stack)">
        <div ion-item class="instrument-item" *ngIf='stack'>
            <span class='canInstall'>{{ stack.stackName }}</span>
            <label *ngIf="!stack.isActive && !stack.state || (!stack.isActive && stack.state && stack.state !== 1 && stack.state && stack.state !== 2)" style="color:#999;">未安装</label>
            <!-- <label *ngIf="stack.isActive && stack.state && stack.state === 2" style="color:#f00;">故障</label> -->
            <label *ngIf="stack.isActive" style="color:#000">已安装</label>
            <label *ngIf="!stack.isActive && stack.state && stack.state === 1" style="color: #1fb5ff">进行中</label>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
    </ion-list>
    <ion-list *ngFor="let item of InstallList,let i = index " (click)="toProcess(item,i)">
        <div ion-item class="instrument-item">
            <span [ngClass]="{ 'canInstall': item.isActive }">{{ item.meterName }}</span>
            <label *ngIf="!item.isActive && !item.state || (!item.isActive && item.state && item.state !== 1 && item.state && item.state !== 2)" style="color:#999;">未安装</label>
            <!-- <label *ngIf="item.isActive && item.state && item.state === 2" style="color:#f00;">故障</label> -->
            <label *ngIf="item.isActive" style="color:#000">已安装</label>
            <label *ngIf="!item.isActive && item.state && item.state === 1" style="color: #1fb5ff">进行中</label>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
    </ion-list>

</ion-content>